
@media screen and (min-width:750px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width:750px) {
    html {
        font-size: 13.33vw;
    }
}

*{
    margin: 0 auto;
    padding: 0;
<<<<<<< HEAD
    box-sizing: border-box;
}

@media screen and (min-width:750px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width:750px) {
    html {
        font-size: 13.33vw;
    }
}

.top {
    width: 7.5rem;
    height: 1.2rem;
    background-color: aqua;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.status-Bar {
    width: 6.77rem;
    height: .24rem;
    background-color: red;
    margin-top: .16rem;
}

.status-Bar>img {
    width: 6.77rem;
    height: .24rem;
    position: absolute;
    margin-top: .16rem;
    top: 0;
}


/* .header-yd>span {
    font-size: .4rem;
    color: #323038;
    font-weight: 700;
    position: absolute;
    left: 2.5rem;
    display: block;
    text-align: center;
} */

.top .title {
    width: 6.77rem;
    height: 1rem;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /* background-color: hotpink; */
}

.title .left-arrow {
    position: absolute;
    bottom: .2rem;
    left: 0;
    width: .25rem;
    height: .25rem;
    display: flex;
    /* background-color: indianred; */
}

.title .left-arrow>a>img {
    display: block;
    width: .23rem;
    height: .4rem;
}

.middle-title {
    position: absolute;
    bottom: .09rem;
}

.middle-title>span {
    font-size: .30rem;
    font-weight: 700;
    display: block;
}

.right-menu {
    width: 1rem;
    height: .35rem;
    position: absolute;
    right: 0;
    bottom: .09rem;
    display: flex;
}

.right-menu>img {
    width: 1rem;
    height: .35rem;
    display: block;
}

.middle {
    width: 6.67rem;
    height: .8rem;
    background-color: chocolate;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 16px;
    box-shadow: inset -.1rem -.1rem 1 #000;
}

.middle .bd {
    width: 4rem;
    height: .8rem;
    background-color: coral;
    position: relative;
}

.middle .bd>a {
    width: .25rem;
    height: .25rem;
    display: block;
}

.middle .bd>a>img {
    position: absolute;
    top: .3rem;
    left: .1rem;
    width: .25rem;
    height: .25rem;
}

.middle .bd>form>input {
    font-size: .16rem;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: .5rem;
    width: 3.75rem;
    height: .8rem;
    border-radius: .16rem;
    border: 0;
}
=======
    
}
body{
    height: 16.21rem;
}
/* 头部 */
header{
    width: 7.4rem;
    height: 1.76rem;
}
/* 导航栏 */
.nav{
    display: flex;
    justify-content: center;
}
.nav>img{
    width: 6.77rem;
    height: .24rem;
    margin-top: .2rem;
}
/* 填写信息栏 */
.nav-2{
    width: 6.77rem;
    height: 1.52rem;
    /* background-color: aqua; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
/* 第一个图 */
.nav-2>a:nth-of-type(1){
    display: flex;
}
.nav-2>a:nth-child(1)>img{
    width: .16rem;
    height: .29rem;
    margin-left: -0.5rem;
}
/* 填写信息字 */
.nav-2>span{
    font-size: .34rem;
    margin-left: 1rem;
}
/* 第三个图 */
.nav-2>a:nth-of-type(2)>img{
    width: 1.74rem;
    height: .62rem;
    margin-right: -0.7rem;
}
/* 搜索框 */
.search{
    margin: 0 auto;
    width: 6.4rem;
    height: .88rem;
    background-color: rgb(255, 255, 255);
    border-radius: .16rem;
    box-shadow: 0 0 34px 4px rgba(0, 21, 90, 0.06);
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
}
/* 搜索图 */
.search>img{
    margin-left: .2rem;
    width: .229rem;
    height: .23rem;
}
/* 搜索input */
.search>input{
    width: 4.6rem;
    height: .5rem;
    margin-left: .1rem;
    font-size: .26rem;
}
input{
    outline: none;
}
/* 4块 */
.all{
    margin: 0 auto;
    width: 6.4rem;
    margin-top: 2rem;
    /* background-color: violet; */
}
.four-enterprise>a{
    margin-top: .5rem;
}
/* 右边大图 */
.four-1>img{
    margin-right: .5rem;
}
a{
    text-decoration: none;
}
/* 列表总体 */
.four{
    width: 6.7rem;
    margin-top: .2rem;
}
.four-1{
    width: 6.7rem;
    height: 1.7rem;
    /* background-color: tomato; */
}
/* 第一行字 */
.four-1>p:nth-of-type(1){
 font-size: .28rem;
 color: #000;
 padding-top: .1rem;
 margin-left: .1rem;
}
/* 小图 */
.four-1-2{
    margin-top: .2rem;
    width: 6.7rem;
   /* background-color: teal; */
   display: flex;
}
.four-1-2>img{
    width: .32rem;
    height: .32rem;
    margin-left: 0.1rem;
}
/* 李老师 */
.four-1-2>p{
 font-size: .24rem;   
color: #2A2A36;
opacity: 0.8;
margin-left: -5rem;
}
/* 时间 */
.four-1-3{
margin-top: .2rem;
}
.four-1-3>p{
    margin-left: -3rem;
}
/* 右边大图 */
.four-1>img{
    width: 1.6rem;
    height: 1.6rem;
    float: right;
    margin-top: -1.5rem;
}
>>>>>>> af47a1fcdc812164c0a0d8cb2023beebe0524862
